html,body{width:100%;max-width:100%;overflow-x:hidden;position:relative;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}
.container{max-width:100%;overflow-x:hidden}
.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
input,textarea,select,.form-control{font-size:16px;max-width:100%;transform:scale(1)}
.card,.card-body,.main-query-card,.option-card,.section,.admin-tab{max-width:100%;overflow-x:hidden}
.mobile-tab-buttons-horizontal{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.mobile-tab-buttons-horizontal .mobile-tab-button{flex-shrink:0;min-width:0}
.pdf-viewer-container,.pdf-canvas-container{max-width:100%;overflow-x:hidden}
.modal-content,.modal-body,.modal-header,.modal-footer{max-width:100%;overflow-x:hidden}
.universal-image-viewer,.image-container{max-width:100%;overflow-x:hidden}
.searchable-options{max-width:100%;overflow-x:hidden}
.table td,.table th{max-width:100%;word-wrap:break-word;overflow-wrap:break-word}
#admin-section .table{table-layout:fixed;width:100%}
#admin-section table th,#admin-section table td{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.license-categories{max-width:100%;overflow-x:hidden}
.license-category{max-width:100%;overflow-x:hidden}
.upload-container,.drop-zone,.preview-container{max-width:100%;overflow-x:hidden}
.image-preview-container,.image-previews-container,.pdf-preview-container,.image-gallery{max-width:100%;overflow-x:hidden}
.nav-pills,.pagination,.btn-group{max-width:100%;flex-wrap:wrap}
.stats-grid,.menu-grid{max-width:100%;overflow-x:hidden}
#query-result,.machine-info,.record-container{max-width:100%;overflow-x:hidden}
*{box-sizing:border-box}
body{position:relative}
body::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1}
@media (max-width:767px){.container{padding-left:10px;padding-right:10px}
.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
.image-item,.image-thumbnail{max-width:100px}
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="url"],input[type="search"],textarea,select{font-size:16px !important}
}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){html,body{-webkit-text-size-adjust:none}
}@supports (-webkit-touch-callout:none){body{-webkit-overflow-scrolling:touch}
.container{-webkit-overflow-scrolling:touch}
}.word-break{word-break:break-word;overflow-wrap:break-word}
p,span,div,td,th,li,a{word-break:break-word;overflow-wrap:break-word}
#company-table-body td:last-child,#machine-table-body td:last-child,#record-table-body td:last-child{white-space:nowrap;min-width:160px}
.clearfix::after{content:"";display:table;clear:both}
.flex-container{max-width:100%;flex-wrap:wrap}
.grid-container{max-width:100%;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
body{overflow-x:hidden}
html{overflow-x:hidden}
:root{--primary:#2c7da0;--secondary:#a9d6e5;--light:#e9f5f9;--dark:#012a4a;--success:#2a9d8f;--warning:#e9c46a;--danger:#e76f51}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}
body{background:linear-gradient(135deg,var(--light) 0%,var(--secondary) 100%);min-height:100vh;padding:15px;color:#333}
.container{max-width:900px;margin:0 auto;padding:0}
//@media (min-width:992px){.container{max-width:1200px}
}.white-overlay-layer{position:fixed;top:0;left:0;width:100%;height:100%;background-color:white;z-index:1056;display:none}
.db-status-alert{position:fixed;top:20px;right:20px;z-index:9999;max-width:400px;box-shadow:0 4px 12px rgba(0,0,0,0.15)}
.card{border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,0.1);overflow:hidden;transition:transform 0.3s,box-shadow 0.3s;margin-bottom:20px;background:white}
.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.15)}
.main-query-card,.option-card{background:white;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,0.08)}
.main-query-card{padding:25px;margin-bottom:30px}
.main-query-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,0.2)}
.btn{padding:8px 16px;border-radius:50px;font-weight:600;transition:all 0.3s;display:inline-block;width:auto;font-size:14px;line-height:1}
.btn-primary{background-color:var(--primary);border-color:var(--primary)}
.btn-primary:hover{background-color:var(--dark);border-color:var(--dark);transform:scale(1.05)}
.btn-success{background-color:var(--success);border-color:var(--success)}
.btn-warning{background-color:var(--warning);border-color:var(--warning);color:#333}
.btn-danger{background-color:var(--danger);border-color:var(--danger)}
.icon-container{width:70px;height:70px;border-radius:50%;background-color:rgba(44,125,160,0.1);display:flex;align-items:center;justify-content:center;margin:0 auto 15px}
.icon-container i{font-size:30px;color:var(--primary)}
.section,.admin-tab{display:none;padding:20px;background:white;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,0.1);margin-bottom:20px}
.active{display:block;animation:fadeIn 0.5s}
@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}.form-group{margin-bottom:20px}
.form-control{border-radius:10px;padding:12px 15px;border:1px solid #ddd;transition:all 0.3s}
.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 0.2rem rgba(44,125,160,0.25)}
.password-field{position:relative}
.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;color:#6c757d}
.password-display{font-family:monospace;background-color:#f8f9fa;padding:5px 10px;border-radius:5px;border:1px solid #ddd}
.searchable-select{position:relative}
.searchable-select input{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px}
.searchable-option{padding:10px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color 0.2s;line-height:1.5;font-size:14px}
.searchable-option:hover{background-color:#f0f0f0}
.maintenance-record,.filter-record{padding:15px;border-radius:10px;background-color:#f8f9fa;margin-bottom:15px}
.machine-info{background:#f8f9fa;border-radius:10px;padding:15px;margin-bottom:15px;font-size:18px !important}
.machine-info .info-label,.info-label{width:120px;font-weight:600;color:#555;font-size:18px !important}
.machine-info .info-value,.info-value{flex:1;font-size:18px !important}
.info-row{display:flex;margin-bottom:10px;flex-wrap:wrap}
.table-responsive{border-radius:10px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,0.1);margin-bottom:20px}
.table th{background-color:var(--primary);color:white;font-size:14px;padding:12px 10px}
.table td{padding:10px;font-size:14px}
.table .form-check{padding-left:0;margin-bottom:0}
.table .form-check-input{margin-left:0;margin-top:0}
.nav-back{display:inline-block;margin-bottom:15px;color:var(--primary);font-weight:700;cursor:pointer;font-size:18px}
.nav-back i{margin-right:5px;font-size:18px}
.nav-pills .nav-link.active{background-color:var(--primary)}
.system-name{font-weight:700;color:var(--dark);font-size:24px;margin-bottom:20px;text-align:center;padding:10px}
.footer{text-align:center;margin-top:20px;color:#666;font-size:14px}
.search-box{background:#f8f9fa;border-radius:10px;padding:15px;margin-bottom:20px}
.export-btn{margin-bottom:15px}
.login-form{max-width:400px;margin:0 auto}
.admin-section{display:block}
@media (min-width:992px){.admin-section{display:grid;grid-template-columns:1fr 3fr;gap:20px}
}.admin-menu{background:white;border-radius:15px;padding:20px;box-shadow:0 5px 15px rgba(0,0,0,0.1);margin-bottom:20px}
.admin-content{background:white;border-radius:15px;padding:20px;box-shadow:0 5px 15px rgba(0,0,0,0.1)}
.admin-settings-card{max-width:500px;margin:0 auto}
.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}
.stat-box{background:#f8f9fa;border-radius:10px;padding:15px;text-align:center}
.stat-number{font-size:24px;font-weight:700;color:var(--primary);margin-bottom:5px}
.stat-title{color:#666;font-size:14px}
.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}
.menu-item{text-align:center;padding:30px 20px;background:white;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,0.1);cursor:pointer;transition:all 0.3s}
.menu-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.15);background-color:var(--light)}
.option-card{margin-bottom:0;padding:15px 10px}
.option-icon{width:40px;height:40px}
.option-icon i{font-size:18px}
.option-title{font-size:14px}
.option-desc{font-size:12px}
@media (max-width:767px) and (max-resolution:1.9dppx){.secondary-options{grid-template-columns:1fr !important;gap:10px}
.option-card{margin-bottom:10px;padding:15px}
.option-icon{width:40px;height:40px}
.option-icon i{font-size:18px}
.option-title{font-size:14px}
.option-desc{font-size:12px}
}@media (max-width:767px) and (min-resolution:2dppx){.secondary-options{grid-template-columns:1fr 1fr !important;gap:15px}
.option-card{padding:20px 15px}
.option-icon{width:50px;height:50px}
.option-icon i{font-size:22px}
.option-title{font-size:16px}
.option-desc{font-size:13px}
}@media (min-width:768px){.secondary-options{grid-template-columns:1fr 1fr;gap:20px}
.option-card{padding:25px 20px}
.option-icon{width:60px;height:60px}
.option-icon i{font-size:28px}
}@media (min-width:1200px){.option-card{padding:30px 20px}
.option-icon{width:60px;height:60px}
.option-icon i{font-size:28px}
}.query-input-group{flex-direction:column}
.query-input{border-radius:10px;margin-bottom:10px}
.query-btn{border-radius:10px}
.notification{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:10px;color:white;z-index:1050;box-shadow:0 5px 15px rgba(0,0,0,0.2);transform:translateX(200%);transition:transform 0.3s ease-in-out}
.notification.show{transform:translateX(0)}
.notification.success{background-color:var(--success)}
.notification.error{background-color:var(--danger)}
.modal-content{border-radius:15px}
.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100vh - 1rem)}
#selectCompanyModal .modal-dialog,#confirmContinueModal .modal-dialog{display:flex;align-items:center;min-height:calc(100vh - 1rem)}
.image-preview{max-width:100%;max-height:200px;margin-top:10px;border-radius:10px;display:none}
.upload-requirements{font-size:12px;color:#6c757d;margin-top:5px}
.image-gallery{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}
.image-item{width:100px;border-radius:10px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,0.1);transition:transform 0.3s;margin-bottom:10px;cursor:pointer}
.image-item img{width:100%;height:100px;object-fit:cover}
.image-caption{padding:5px;text-align:center;background:white;font-size:12px}
.image-preview-container,.image-previews-container{background:white;padding:10px;border-radius:10px;margin-top:10px}
.upload-container{margin-bottom:15px}
.upload-btn{position:relative;overflow:hidden;display:inline-block}
.upload-btn input[type=file]{position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;cursor:pointer}
.file-input{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:1}
.image-thumbnail{width:100px;height:100px;object-fit:cover;border-radius:5px;margin-right:10px;margin-bottom:10px}
.thumbnail-container{position:relative;display:inline-block}
.remove-image{position:absolute;top:-5px;right:-5px;background:var(--danger);color:white;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer}
.upload-options{display:flex;gap:15px;margin-bottom:10px}
.upload-option{display:flex;flex-direction:column;align-items:center}
.upload-hint{font-size:12px;color:#666;margin-top:5px}
.cropper-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.8);z-index:1090;display:none;justify-content:center;align-items:center}
.cropper-container{background:white;padding:20px;border-radius:10px;max-width:90%;max-height:80vh;display:flex;flex-direction:column}
.cropper-preview-container{max-height:60vh;overflow:hidden}
.cropper-preview{width:100%;max-height:50vh;opacity:1}
.cropper-actions{margin-top:15px;display:flex;justify-content:flex-end;gap:10px}
.cropper-crop-box{border:2px solid #007bff !important;opacity:1 !important;box-shadow:0 0 0 2px #007bff !important;background:transparent !important}
.cropper-view-box{outline:2px solid #007bff !important;outline-color:rgba(0,123,255,1) !important;outline:none;border:2px solid #007bff !important;background:transparent !important}
.cropper-line,.cropper-point{background-color:#007bff !important;opacity:1 !important}
.cropper-container img{max-width:100%;max-height:100%}
.cropper-face{background-color:transparent !important}
.cropper-drag-box{background-color:transparent !important}
.transfer-section,.transfer-batch-section{background-color:#f8f9fa;padding:15px;border-radius:10px;margin-top:20px}
.machine-list{margin-bottom:20px}
.machine-item{padding:15px;border:1px solid #ddd;border-radius:10px;margin-bottom:15px;background:white}
.machine-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.machine-title{font-weight:600;font-size:18px;color:var(--primary)}
.edit-machine-btn{padding:5px 10px;font-size:14px}
.license-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:15px}
.license-category{background:#f8f9fa;border-radius:10px;padding:15px;box-shadow:0 2px 5px rgba(0,0,0,0.1)}
.license-category h6{color:var(--primary);margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #ddd;font-weight:600}
.category-empty{color:#6c757d;font-style:italic;text-align:center;padding:10px 0}
.drop-zone{border:2px dashed #ccc;border-radius:10px;padding:30px;text-align:center;transition:all 0.3s;background-color:#f8f9fa}
.drop-zone.dragover{border-color:#2c7da0;background-color:rgba(44,125,160,0.1)}
.drop-content{color:#6c757d}
.file-requirements{margin-top:20px;text-align:left;font-size:14px}
.file-requirements ul{padding-left:20px;margin-bottom:0}
.preview-container{border:1px solid #dee2e6;border-radius:5px;padding:15px;background-color:#f8f9fa}
.import-status{font-weight:bold}
.import-status.success{color:#28a745}
.import-status.warning{color:#ffc107}
.import-status.error{color:#dc3545}
.import-actions{display:flex;justify-content:flex-end}
.pdf-report-card{background:linear-gradient(135deg,oklch(65.251% 0.17121 271.625) 0%,#742abe 100%);border-radius:12px;padding:16px;margin-bottom:15px;color:white;position:relative;box-shadow:0 8px 25px rgba(102,126,234,0.3);border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease;overflow:hidden}
.pdf-card-header{display:flex;align-items:center;margin-bottom:15px}
.pdf-icon-wrapper{background:rgba(255,255,255,0.2);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin-right:15px;backdrop-filter:blur(10px)}
.pdf-icon-wrapper i{font-size:24px;color:white}
.btn-view-pdf{background:linear-gradient(45deg,#ff6b6b,#ee5a52);border:none;border-radius:25px;color:white;padding:12px 25px;font-size:16px;font-weight:bold;cursor:pointer;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(255,107,107,0.4);position:relative;overflow:hidden}
#pdfModal .modal-dialog{max-height:95vh;height:95vh;margin:2vh auto}
#pdfModal .modal-content{height:100%;display:flex;flex-direction:column;background-color:#f8f9fa;border-radius:10px}
#pdfModal .modal-body{flex:1;display:flex;flex-direction:column;padding:15px;overflow:hidden;background-color:#f8f9fa}
#pdf-viewer{flex:1;display:flex;flex-direction:column;background-color:#f8f9fa;border-radius:8px;overflow:hidden;min-height:400px}
.pdf-canvas-container{flex:1;display:flex;justify-content:center;align-items:flex-start;overflow:auto;padding:10px;background-color:#f8f9fa;border-radius:5px}
.pdf-canvas-container canvas{max-width:100%;height:auto;box-shadow:0 2px 10px rgba(0,0,0,0.1);border:1px solid #ddd}
.pdf-controls{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background-color:white;border-top:1px solid #dee2e6;margin-top:8px;border-radius:6px;flex-wrap:nowrap}
.pdf-controls .btn{padding:10px 8px !important;font-size:12px !important;min-width:60px !important;white-space:nowrap;background-color:#007bff;color:#ffffff;border:none;border-radius:4px}
.pdf-controls .btn:hover{background-color:#0056b3;transform:translateY(-1px)}
.page-info{background-color:white;padding:4px 12px;border-radius:4px;border:1px solid #ddd;color:#000;font-weight:600;font-size:12px;min-width:120px;text-align:center;margin:0 8px}
.pdf-loading{color:#333;text-align:center;padding:20px}
.pdf-preview-item{display:flex;align-items:center;padding:8px;border:1px solid #ddd;border-radius:5px;margin-bottom:5px;background:#f9f9f9;max-width:350px;width:100%}
.pdf-icon{font-size:20px;color:#e74c3c;margin-right:10px}
.pdf-info{flex:1}
.pdf-name{font-weight:bold;margin-bottom:3px;font-size:14px}
#add-pdf-drop-zone,#edit-pdf-drop-zone,.pdf-preview-item{max-width:350px !important;width:100% !important;margin:0 !important}
#test-reports-pdf-preview,#edit-test-reports-pdf-preview{max-width:350px}
@media (max-width:768px){#pdfModal .modal-dialog{margin:2vh auto;max-height:96vh;height:96vh}
.pdf-controls{padding:10px 8px;gap:6px}
.pdf-controls .btn{min-width:50px !important;padding:8px 6px !important;font-size:11px !important}
.page-info{font-size:11px;padding:30px 8px;min-width:100px}
}#query-section .card-title,#query-section h5{background:linear-gradient(135deg,#e9f5f9 0%,#d4edf9 100%);color:#2c7da0;padding:14px 16px;border-radius:15px;margin:20px 0 15px 0;font-weight:700;font-size:17px;border-left:4px solid #2c7da0;box-shadow:0 3px 8px rgba(44,125,160,0.15);position:relative;display:flex;align-items:center;min-height:50px}
#query-section .card-title:first-of-type,#query-section h5:nth-of-type(1){background:linear-gradient(135deg,#e9f5f9 0%,#d4edf9 100%);border-left-color:#2c7da0;color:#2c7da0}
#query-section h5:nth-of-type(2),#query-section h5:nth-of-type(3),#query-section h5:nth-of-type(4){background:linear-gradient(135deg,#e9f7f0 0%,#d4f2e3 100%);border-left-color:#2a9d8f;color:#2a9d8f}
#query-section .card-title:first-of-type::before,#query-section h5::before{font-family:'Font Awesome 5 Free';font-weight:900;margin-right:10px;font-size:16px}
#query-section .card-title:first-of-type::before{content:'\f0c0'}
#query-section h5:nth-of-type(1)::before{content:'\f0c0'}
#query-section h5:nth-of-type(2)::before{content:'\f0c0'}
#query-section h5:nth-of-type(3)::before{content:'\f0c0'}
#query-section h5:nth-of-type(4)::before{content:'\f0c0'}
#query-section .card-title:hover,#query-section h5:hover{transform:translateY(-2px);box-shadow:0 5px 12px rgba(0,0,0,0.2);transition:all 0.3s ease}
@media (max-width:767px){#query-section .card-title,#query-section h5{font-size:20px;padding:12px 14px;margin:18px 0 14px 0;border-left:3px solid;min-height:46px;border-radius:12px}
#query-section h5::before{font-size:15px;margin-right:8px}
}@media (min-width:768px) and (max-width:991px){#query-section .card-title,#query-section h5{font-size:17px;padding:13px 15px}
}@media (min-width:1200px){#query-section .card-title,#query-section h5{font-size:20px;padding:15px 18px;border-radius:16px}
}.mobile-tab-buttons-horizontal{display:flex !important;flex-direction:row !important;justify-content:space-between !important;gap:8px !important;width:100% !important;padding:0 !important;flex-wrap:nowrap !important;overflow:visible !important}
.mobile-tab-buttons-horizontal .mobile-tab-button{flex:1 !important;min-width:0 !important;padding:16px 8px !important;border:2px solid #e9ecef !important;border-radius:12px !important;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%) !important;cursor:pointer !important;transition:all 0.3s ease !important;text-align:center !important;box-shadow:0 2px 8px rgba(0,0,0,0.08) !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:1 !important;min-width:80px !important}
.mobile-tab-buttons-horizontal .mobile-tab-button:hover{border-color:#2c7da0 !important;box-shadow:0 4px 12px rgba(44,125,160,0.15) !important;transform:translateY(-2px) !important}
.mobile-tab-buttons-horizontal .mobile-tab-button.active{border-color:#2c7da0 !important;background:linear-gradient(135deg,#2c7da0 0%,#1a5a7a 100%) !important;box-shadow:0 6px 16px rgba(44,125,160,0.25) !important;color:white !important}
.mobile-tab-buttons-horizontal .mobile-tab-button.active .button-content i,.mobile-tab-buttons-horizontal .mobile-tab-button.active .button-content span{color:white !important}
.mobile-tab-buttons-horizontal .button-content{display:flex !important;flex-direction:column !important;align-items:center !important;gap:8px !important;font-weight:600 !important;width:100% !important}
.mobile-tab-buttons-horizontal .button-content i{font-size:20px !important;color:#6c757d !important;flex-shrink:0 !important}
.mobile-tab-buttons-horizontal .button-content span{color:#495057 !important;font-weight:600 !important;font-size:14px !important;line-height:1.2 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;width:100% !important;text-align:center !important}
.mobile-tab-buttons-horizontal .mobile-tab-button:not(.active){background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%) !important;border-color:#dee2e6 !important}
.mobile-tab-buttons-horizontal .mobile-tab-button:not(.active) .button-content i{color:#6c757d !important}
.mobile-tab-buttons-horizontal .mobile-tab-button:not(.active) .button-content span{color:#495057 !important}
@media (max-width:767px){.mobile-tab-buttons-horizontal{flex-wrap:nowrap !important;overflow:visible !important}
.mobile-tab-buttons-horizontal .mobile-tab-button{flex-shrink:1 !important;min-width:80px !important}
@media (min-width:414px){.mobile-tab-buttons-horizontal .button-content{gap:10px !important}
.mobile-tab-buttons-horizontal .button-content i{font-size:22px !important}
.mobile-tab-buttons-horizontal .button-content span{font-size:15px !important}
.mobile-tab-buttons-horizontal .mobile-tab-button{padding:18px 10px !important}
}@media (min-width:576px) and (max-width:767px){.mobile-tab-buttons-horizontal .button-content i{font-size:24px !important}
.mobile-tab-buttons-horizontal .button-content span{font-size:16px !important}
.mobile-tab-buttons-horizontal .mobile-tab-button{padding:20px 12px !important}
}}@media (max-width:320px){.mobile-tab-buttons-horizontal .button-content{gap:4px !important}
.mobile-tab-buttons-horizontal .button-content i{font-size:18px !important}
.mobile-tab-buttons-horizontal .button-content span{font-size:12px !important}
.mobile-tab-buttons-horizontal .mobile-tab-button{padding:12px 6px !important}
}@media (min-width:768px){.d-md-none{display:flex !important}
.d-none.d-md-block{display:none !important}
}#imageModal{z-index:1080}
#imageModal .modal-dialog{z-index:1081}
#imageModal .modal-backdrop{z-index:1079}
#imageModal .modal-dialog{max-width:50%;max-height:90vh}
#imageModal .modal-content{background:#ffffff;border:none;border-radius:8px;overflow:hidden}
#imageModal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#ffffff;border-bottom:1px solid #e9ecef}
#imageModal .modal-title{font-size:18px;font-weight:600;color:#333}
#imageModal .btn-close-custom{background:#1890ff;color:white;border:none;border-radius:4px;padding:8px 16px;font-size:14px;cursor:pointer;transition:background 0.3s}
#imageModal .btn-close-custom:hover{background:#40a9ff}
#imageModal .modal-body{display:flex;justify-content:center;align-items:center;padding:20px;background:#ffffff}
#modal-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}
@media (max-width:768px){#imageModal .modal-dialog{max-width:95%;margin:10px auto}
#imageModal .modal-body{padding:10px}
#modal-image{max-height:85vh}
#imageModal .modal-header{padding:10px 15px}
#imageModal .modal-title{font-size:16px}
#imageModal .btn-close-custom{padding:6px 12px;font-size:13px}
}.universal-image-viewer{position:relative;width:100%;height:100%;overflow:hidden;background:#ffffff;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.image-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:auto;cursor:grab;background:#ffffff}
.image-container.grabbing{cursor:grabbing}
.universal-modal-image{position:absolute;top:0;left:0;max-width:none;max-height:none;transform:translate(0,0) scale(1);transform-origin:0 0;transition:transform 0.1s ease-out;will-change:transform;box-shadow:0 0 1px rgba(0,0,0,0.1)}
.universal-modal-image.no-transition{transition:none}
.universal-controls{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,0.9);border-radius:25px;padding:10px 15px;display:flex;align-items:center;gap:15px;z-index:1000;backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,0.1);box-shadow:0 2px 10px rgba(0,0,0,0.1)}
.control-group{display:flex;gap:5px}
.btn-control{width:44px;height:44px;border-radius:50%;border:none;background:rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;font-size:16px;color:#333;cursor:pointer;transition:all 0.2s}
.btn-control:hover{background:#fff;transform:scale(1.05)}
.btn-control:active{transform:scale(0.95)}
.scale-display{color:white;font-size:14px;font-weight:bold;min-width:50px;text-align:center}
.universal-hints{position:absolute;top:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.7);color:white;padding:8px 16px;border-radius:20px;font-size:12px;z-index:1000;backdrop-filter:blur(10px)}
@media (max-width:768px){.universal-controls{bottom:30px;padding:12px 20px}
.btn-control{width:48px;height:48px;font-size:18px}
.universal-hints{top:15px;font-size:11px;padding:6px 12px}
}@media (min-width:769px){.universal-controls{bottom:30px}
.btn-control{width:40px;height:40px;font-size:14px}
}.universal-hints{display:none}
#company-table-body img{width:30px !important;height:30px !important;max-width:40px !important;max-height:40px !important;min-width:30px !important;min-height:30px !important;object-fit:cover !important;border-radius:4px;cursor:pointer}
#company-table-body tr{height:40px !important;line-height:1}
#machine-table-body tr{height:45px !important;line-height:1}
#record-table-body tr{height:45px !important;line-height:1}
.searchable-select{position:relative}
.searchable-select input{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px}
.searchable-option{padding:10px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color 0.2s;line-height:1.4;font-size:14px}
.searchable-options{position:absolute;top:100%;left:0;right:0;width:100%;background:white;border:1px solid #ddd;border-top:none;border-radius:0 0 5px 5px;max-height:160px;overflow-y:auto;z-index:1000;display:none;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.searchable-option{padding:10px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color 0.2s;line-height:1.5;font-size:14px}
.searchable-option:hover{background-color:#f0f0f0}
.searchable-option:last-child{border-bottom:none}
.sort-buttons{display:inline-block;margin-left:8px}
.btn-sort{background:#e9ecef;border:1px solid #ced4da;cursor:pointer;font-size:10px;padding:2px 6px;color:#495057;border-radius:3px;margin:0 1px;text-decoration:none}
.btn-sort:hover{background:#007bff;color:white;border-color:#007bff}
#admin-section .table{table-layout:auto;width:100%}
#admin-section table th:last-child,#admin-section table td:last-child{width:160px !important;min-width:160px !important;white-space:nowrap}
#admin-section table td:last-child .btn{flex-shrink:0 !important;min-width:70px !important;padding:8px 10px !important;font-size:13px !important;line-height:1.2 !important;white-space:nowrap !important;margin:0 !important;text-align:center !important}
#admin-section table th:not(:last-child),#admin-section table td:not(:last-child){width:auto;min-width:80px;white-space:normal !important;word-wrap:break-word !important;word-break:break-word !important;overflow-wrap:break-word !important}
#company-table-body td,#machine-table-body td,#record-table-body td{vertical-align:middle !important;padding:8px 10px !important}
#admin-section table th{white-space:normal !important;word-wrap:break-word !important;vertical-align:middle !important}
@media (max-width:768px){#admin-section table th:last-child,#admin-section table td:last-child{width:140px !important;min-width:140px !important}
#company-table-body td:last-child,#machine-table-body td:last-child,#record-table-body td:last-child{gap:4px !important}
#admin-section table td:last-child .btn{min-width:65px !important;padding:5px 8px !important;font-size:12px !important}
#admin-section table th:not(:last-child),#admin-section table td:not(:last-child){min-width:60px}
}@media (max-width:576px){#admin-section table th:last-child,#admin-section table td:last-child{width:130px !important;min-width:130px !important}
#company-table-body td:last-child,#machine-table-body td:last-child,#record-table-body td:last-child{gap:3px !important}
#admin-section table td:last-child .btn{min-width:60px !important;padding:4px 6px !important;font-size:11px !important}
#admin-section table th:not(:last-child),#admin-section table td:not(:last-child){min-width:50px;font-size:13px}
}#add-pdf-drop-zone,.pdf-preview-item{max-width:350px !important;width:100% !important;margin-left:0 !important;margin-right:0 !important}
#add-pdf-drop-zone .drop-content,#edit-pdf-drop-zone .drop-content{width:100%;text-align:center}
#test-reports-pdf-preview,#edit-test-reports-pdf-preview{max-width:300px}
.notification{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:10px;color:white;z-index:1050;box-shadow:0 5px 15px rgba(0,0,0,0.2);transform:translateX(200%);transition:transform 0.3s ease-in-out;font-weight:600;max-width:400px;word-wrap:break-word}
.notification.show{transform:translateX(0)}
.notification.success{background-color:var(--success) !important;border:1px solid rgba(255,255,255,0.2)}
.notification.error{background-color:var(--danger) !important;border:1px solid rgba(255,255,255,0.2)}
.notification.info{background-color:var(--primary) !important;border:1px solid rgba(255,255,255,0.2)}
@media (max-width:768px){.notification.success{background-color:var(--success) !important}
.notification.error{background-color:var(--danger) !important}
}.modal ~ .notification{z-index:1060 !important}
#maintenance-menu-section .menu-list-single-column{display:flex !important;flex-direction:column !important;gap:12px !important;margin-top:20px !important;width:100% !important}
#maintenance-menu-section .menu-item-single{display:flex !important;align-items:center !important;padding:16px 20px !important;background:white !important;border-radius:12px !important;box-shadow:0 2px 8px rgba(0,0,0,0.08) !important;cursor:pointer !important;transition:all 0.3s ease !important;border:1px solid #e9ecef !important;min-height:80px !important}
#maintenance-menu-section .menu-item-single:hover{transform:translateY(-2px) !important;box-shadow:0 4px 15px rgba(0,0,0,0.12) !important;border-color:var(--primary) !important}
#maintenance-menu-section .menu-item-icon{width:50px !important;height:50px !important;border-radius:50% !important;background-color:rgba(44,125,160,0.1) !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-right:16px !important;flex-shrink:0 !important}
#maintenance-menu-section .menu-item-icon i{font-size:22px !important;color:var(--primary) !important}
#maintenance-menu-section .menu-item-content{flex:1 !important;min-width:0 !important}
#maintenance-menu-section .menu-item-content h4{font-size:16px !important;font-weight:600 !important;color:var(--dark) !important;margin-bottom:4px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
#maintenance-menu-section .menu-item-content p{font-size:13px !important;color:#6c757d !important;margin:0 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
#maintenance-menu-section .menu-item-arrow{color:#6c757d !important;font-size:14px !important;margin-left:12px !important;flex-shrink:0 !important}
@media (max-width:767px){#maintenance-menu-section .menu-item-single{padding:14px 16px !important;min-height:70px !important}
#maintenance-menu-section .menu-item-icon{width:44px !important;height:44px !important;margin-right:12px !important}
#maintenance-menu-section .menu-item-icon i{font-size:22px !important}
#maintenance-menu-section .menu-item-content h4{font-size:18px !important}
#maintenance-menu-section .menu-item-content p{font-size:14px !important}
}#maintenance-menu-section.section.active{padding-top:0px !important;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:auto}
#maintenance-menu-section .menu-grid,.menu-grid{display:none !important}
.machine-checkbox{transform:scale(1.2)}
#select-all-machines{transform:scale(1.2)}
.company-checkbox{transform:scale(1.2)}
#select-all-companies{transform:scale(1.2)}
.record-checkbox{transform:scale(1.2)}
#select-all-records{transform:scale(1.2)}
input[type="checkbox"]{cursor:pointer}
.table.company-table th:nth-child(1),.table.company-table td:nth-child(1),.table.machine-table th:nth-child(1),.table.machine-table td:nth-child(1),.table.record-table th:nth-child(1),.table.record-table td:nth-child(1){text-align:center;vertical-align:middle}
.table.company-table td:nth-child(1) input[type="checkbox"],.table.machine-table td:nth-child(1) input[type="checkbox"],.table.record-table td:nth-child(1) input[type="checkbox"]{margin:0 auto;display:block}
.table th:first-child,.table td:first-child{text-align:center;vertical-align:middle}
.machine-table th:nth-child(1){width:50px}
.machine-table th:nth-child(2){width:60px}
.machine-table th:nth-child(3){width:200px}
.machine-table th:nth-child(4){width:180px}
.machine-table th:nth-child(5){width:150px}
.machine-table th:nth-child(6){width:100px}
.machine-table td:nth-child(1){width:50px}
.machine-table td:nth-child(2){width:60px}
.machine-table td:nth-child(3){width:200px}
.machine-table td:nth-child(4){width:180px}
.machine-table td:nth-child(5){width:150px}
.machine-table td:nth-child(6){width:100px}
.machine-table th:nth-child(6),.machine-table td:nth-child(6){text-align:center}
.table.record-table tbody tr th:nth-child(1){width:50px}
.table.record-table tbody tr th:nth-child(2){width:60px}
.table.record-table tbody tr th:nth-child(3){width:200px}
.table.record-table tbody tr th:nth-child(4){width:60px}
.table.record-table tbody tr th:nth-child(5){width:100px}
.table.record-table tbody tr th:nth-child(6){width:100px}
.table.record-table tbody tr th:nth-child(7){width:100px}
.table.record-table tbody tr td:nth-child(1){width:50px}
.table.record-table tbody tr td:nth-child(2){width:60px}
.table.record-table tbody tr td:nth-child(3){width:200px}
.table.record-table tbody tr td:nth-child(4){width:60px}
.table.record-table tbody tr td:nth-child(5){width:100px}
.table.record-table tbody tr td:nth-child(6){width:100px}
.table.record-table tbody tr td:nth-child(7){width:100px}
.table.record-table th:nth-child(7),.table.record-table td:nth-child(7){text-align:center}
.table.record-table tbody tr th:nth-child(1){width:50px}
.table.record-table tbody tr th:nth-child(2){width:200px}
.table.record-table tbody tr th:nth-child(3){width:60px}
.table.record-table tbody tr th:nth-child(4){width:60px}
.table.record-table tbody tr th:nth-child(5){width:150px}
.table.record-table tbody tr th:nth-child(6){width:50px}
.table.record-table tbody tr th:nth-child(7){width:100px}
.table.record-table tbody tr td:nth-child(1){width:50px}
.table.record-table tbody tr td:nth-child(2){width:200px}
.table.record-table tbody tr td:nth-child(3){width:60px}
.table.record-table tbody tr td:nth-child(4){width:60px}
.table.record-table tbody tr td:nth-child(5){width:150px}
.table.record-table tbody tr td:nth-child(6){width:50px}
.table.record-table tbody tr td:nth-child(7){width:100px}
.table.company-table th:nth-child(7),.table.company-table td:nth-child(7){text-align:center}
.admin-edit-company-modal .modal-dialog{max-width:800px;width:80%}
#editMaintenanceModal .modal-dialog,#editFilterModal .modal-dialog,#editWaterQualityModal .modal-dialog{max-width:800px;width:70%}
#query-section .card-body{padding:5px}
#query-section .info-label{width:110px;font-weight:500;color:#0f0f0f;font-size:18px !important;flex-shrink:0}
#query-section .info-value{flex:1;font-size:18px !important;min-width:0}
#query-section{padding-left:1 !important;padding-right:1 !important}
#query-section .machine-info{padding:3px 3px !important}
.machine-info .info-row{margin-bottom:4px !important;padding:1px 0 !important}
#query-section .card-title.compact{margin-top:2px !important;margin-bottom:2px !important}
.card-title{margin-top:5px !important;margin-bottom:5px !important}
#transferMachineModal .nav-tabs .nav-item{flex:0 0 auto;width:auto}
#transferMachineModal .nav-tabs .nav-link{padding:8px 12px;font-size:14px;white-space:nowrap}